<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>盒子模型</title>
	</head>
	<body>
		<style>
					.box1{
						border-width: 10px;
						bodeer-color: red;
						border-style: solid;   /* 实线 */
						/*  边框的复合写法: 
						border:颜色 粗细 样式;（顺序不论）
						*/
					   /* solid:实线    dashed:虚线     dotted:点线 */
					   /* px:像素 */
					   /* 颜色的写法：
					    颜色英语单词,rgb(0~255),#3E40FF
						rgb(53, 150, 241)
						*/
					   border: 1px dotted #e370ff;
					   width: 200px;     /* 宽：像素 */
					   height: 300px;    /*高：px */
					   /* padding: 20px; */
					   /* top:上  left:左    bottom:下    right:右     center:居中  */
					   /* padding-top: 30px
					   padding-left: 10px;
					   padding-bottom: 20px;
					   padding-right: 40px; */
					   /*
					   复合写法:
					   padding:一个值(上下左右);
					   padding:两个值(上下、左右);
					   padding:三个值(上、左右、下);
					   padding:四个值(上、右、下、左 > 顺时针)
					   */
					   padding:30px 20px 10px 40px;
					   
					}
				</style>
			</head>
			<body>
				<div class="box1">
					hello world!
				</div>
	</body>
</html>
